<script lang="ts" setup>

defineProps({
  size: {
    type: String,
    required: false,
    default: () => '16'
  },
  color: {
    type: String,
    required: false,
    default: () => 'currentColor'
  }
})

</script>

<template>
  <svg :height="size" :width="size" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
    <path :fill="color"
          d="M511.573333 981.333333C252.586667 981.333333 42.666667 771.413333 42.666667 512.426667 42.666667 253.525333 252.586667 43.605333 511.573333 43.605333c258.944 0 468.864 209.92 468.864 468.906667S770.517333 981.333333 511.530667 981.333333zM748.8 460.373333h-266.24c-12.8 0-23.168 10.368-23.168 23.168v57.856c0 12.8 10.368 23.168 23.125333 23.168h162.133334c12.8 0 23.168 10.368 23.168 23.125334v11.605333c0 38.4-31.146667 69.461333-69.504 69.461333H378.368a23.168 23.168 0 0 1-23.125333-23.168V425.642667c0-38.357333 31.104-69.461333 69.461333-69.461334h324.096c12.8 0 23.168-10.368 23.168-23.168l0.042667-57.856c0-12.8-10.325333-23.168-23.125334-23.168H424.704a173.653333 173.653333 0 0 0-173.653333 173.653334v324.138666c0 12.8 10.325333 23.168 23.168 23.168h341.504a156.288 156.288 0 0 0 156.288-156.288v-133.12c0-12.8-10.368-23.168-23.168-23.168z"
    ></path>
  </svg>
</template>

<style lang="scss" scoped>

</style>
